<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>COVID-19 Trends</title>
    <meta name="description" content="COVID-19.tk provides multiple trending charts for coronavirus disease 2019 visualization, includes trending charts, cases confirmed in countries with map visualizaition, cases increasements of countries in bar and line charts. COVID-19 新型冠状病毒肺炎增长趋势，包括按省份趋势图，按城市趋势图，按省份分布地图，按城市分布地图，以及按城市变化情况。" />
    <meta name="keywords" content="ncov,肺炎,新冠病毒,ncp,新冠肺炎,新冠状病毒,肺炎趋势图,肺炎增长,肺炎分布,sars,肺炎分布地图,各国肺炎病例,肺炎确诊,肺炎疑似,肺炎时间线,新冠状病毒肺炎,covid-19,covid-19 trends,covid-19 charts,ncp charts,2019-ncov,coronavirus disease,covid-19 map,covid-19 visualization,covid-19 map" />
    <style>
      html, body { height: 100%; }
      #chart_container { height: 90% }
      .trends-chart { display:inline-block; width:100%; height:400px; padding-bottom: 30px; }
      .single-chart { display:inline-block; width:100%; height:100%; padding-bottom: 30px; }
      .summary-chart { display:inline-block; width:100%; height:400px; padding-bottom: 30px; }
      @media only screen and (min-width: 800px) {
        .trends-chart { width: 50% }
        .summary-chart { width: 50% }
      }
      @media only screen and (min-width: 1200px) {
        .trends-chart { width: 50% }
      }
      @media only screen and (min-width: 2000px) {
        .trends-chart { width: 33% }
      }
    </style>
    <link href="assets/bootstrap.min.css" rel="stylesheet">
    <script src="assets/axios.min.js"></script>
    <script src="assets/echarts.min.js"></script>
    <script>
      if (location.host.toLowerCase() !== 'covid19.tk') {
        //location.href = 'https://covid19.tk/' + location.hash;
      }
    </script>
    <link rel="shortcut icon" href="assets/logo.png">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
      <a class="navbar-brand" href="https://covid19.tk">
        <img src="assets/logo.png" width="30" height="30" class="d-inline-block align-center" alt="">
        COVID19.tk
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto" id="navbar">
          <li class="nav-item">
            <a class="nav-link" href="#tab=world-map">世界地图</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#tab=world-trends" id="continentDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">各国趋势</a>
            <div class="dropdown-menu" aria-labelledby="continentDropdown">
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=all">全部国家</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=亚洲">亚洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=欧洲">欧洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=大洋洲">大洋洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=北美洲">北美洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=南美洲">南美洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=非洲">非洲</a>
              <a class="dropdown-item" href="#tab=world-trends&amp;continent=其他">其他</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#tab=countries-compare" id="compareDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">国家对比</a>
            <div class="dropdown-menu" aria-labelledby="compareDropdown">
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=confirmed">累计确诊人数</a>
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=exists">现存确诊人数</a>
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=increase">新增确诊人数</a>
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=dead">累计死亡人数</a>
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=percent">每百万人口确诊人数</a>
              <a class="dropdown-item" href="#tab=countries-compare&amp;metrics=deadrate">累计死亡率</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#tab=china-trends" id="chinaDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">中国趋势</a>
            <div class="dropdown-menu" aria-labelledby="chinaDropdown">
              <a class="dropdown-item" href="#tab=summary">总体趋势</a>
              <a class="dropdown-item" href="#tab=zerodays">新增概览</a>
              <a class="dropdown-item" href="#tab=trends">省市趋势</a>
              <a class="dropdown-item" href="#tab=map">省市地图</a>
              <a class="dropdown-item" href="#tab=cities-map">全部城市地图</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0 mr-2">
          <input id="searchField" class="form-control mr-sm-2" type="search" placeholder="国家或城市" aria-label="Search">
          <button onclick="searchArea(); return false;" class="btn btn-outline-success my-2 my-sm-0">搜索</button>
        </form>
        <ul class="navbar-nav">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="langDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              ZH
            </a>
            <div class="dropdown-menu" aria-labelledby="langDropdown">
              <a class="dropdown-item" href="javascript:setCurrentLang('zh')">中文</a>
              <a class="dropdown-item" href="javascript:setCurrentLang('en')">English</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/ohdarling/2019-nCoV-Charts">GitHub</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/BlankerL/DXY-2019-nCoV-Data" target="_blank">数据来源</a>
          </li>
        </ul>
      </div>
    </nav>

    <div class="container-fluid" id="chart_container">
      Loading...
    </div>

    <script src="assets/jquery.min.js"></script>
    <script src="assets/jquery.loading.min.js"></script>

    <script>
    const build_timestamp='1585549136994';
    </script>
    <script src="lang.js?t=3291"></script>
    <script src="app.js?t=3291"></script>

    <script src="assets/bootstrap.bundle.min.js"></script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158038850-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-158038850-1');
    </script>

  </body>
</html>